<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>童书新书榜</title>
    <link rel="stylesheet" href="book.css">
</head>
<body>
  <div class="wrap">
    <div class="head">
        <div class="bang a1">图书畅销榜</div><div class="bang a2">童书新书榜</div>
   
      <ul>
    <li class="first">
        <div class="left fr" style="color: red;">
            1 
        </div>
        <div class="rigth fr">
            <div class="pic fi">
                <img src="img/1.jpg" style="float: left;">
            </div>
            <div class="text" style="padding-top: 25px;">
                <div class="text2"><span><strong style="color: black;">你就是孩子最好的玩具</strong> </span><br> 
               <mark>樊登推荐你就是孩子最好的玩具 樊登推荐美国著名儿童教育家分享有显著效果的情感引导育儿模式。远离熊孩子，奠</mark><br>
            </div>
            <div class="line">---------------------------------------------------</div> 
             </div>
    </li><br>
    <li class="first">
        <div class="left fr" style="color: red;">
            2 
        </div>
        <div class="rigth fr">
            <div class="pic fi">
                <img src="img/2.jpg" style="float: left;">
            </div>
            <div class="text" style="padding-top: 25px;">
                <div class="text2"><span><strong style="color: black;">云边有个小卖部</strong> </span><br> 
                 <mark>陆定昊诚挚推荐，随书附赠云边镇四季明信片和张嘉佳作词单曲彩蛋）云边有个小卖部（
                    陆定昊诚挚推荐，随书附赠云边镇四季明信片和张嘉佳作词单曲彩蛋）写给陪伴我们的人，写</mark><br>
                </div>
            </div>
            <div class="line">---------------------------------------------------</div> 
             </div>
    </li><br>
    <li class="first">
        <div class="left fr" style="color: red;">
            3 
        </div>
        <div class="rigth fr">
            <div class="pic fi">
                <img src="img/3.jpg" style="float: left;">
            </div>
            <div class="text" style="padding-top: 25px;">
                <div class="text2"><span><strong style="color: black;">你当像鸟飞往你的山</strong> </span><br> 
                <mark>（比尔·盖茨年度特别推荐，登顶《纽约时报》畅销榜80 周！多一个人读到这个真实故事，就多一个人勇敢做自己！）</mark><br>
                </div>
            </div>
            <div class="line">---------------------------------------------------</div> 
             </div>
    </li><br>
    <li class="first">
        <div class="left fr">
            4
        </div>
        <div class="rigth fr">
            <div class="pic fi">
                <img src="img/4.jpg" style="float: left;">
            </div>
            <div class="text" style="padding-top: 25px;">
                <div class="text2"><span><strong style="color: black;">人间失格</strong> </span><br> 
                <mark>（日本小说家太宰治代表作，190多万条好评的现象级畅销书）人间失格（日本小说家太宰治代表作，190多万条好评的现象级畅销书）
                    超燃！“丧文化”流行，《人间失格》成</mark><br>
                </div>
            </div>
            <div class="line">---------------------------------------------------</div> 
             </div>
    </li><br>
    <li class="first">
        <div class="left fr">
            5
        </div>
        <div class="rigth fr">
            <div class="pic fi">
                <img src="img/5.jpg" style="float: left;">
            </div>
            <div class="text" style="padding-top: 25px;">
                <div class="text2"><span><strong style="color: black;">乌合之众</strong> </span><br> 
                <mark>大众心理研究群体心理学奠基之作，弗洛伊德誉之为“当之无愧的名著”。中科院心理学硕士2018全</mark><br>
                </div>
            </div>
            <div class="line">---------------------------------------------------</div> 
             </div>
    </li><br>
    <li class="first">
        <div class="left fr">
            6
        </div>
        <div class="rigth fr">
            <div class="pic fi">
                <img src="img/6.jpg" style="float: left;">
            </div>
            <div class="text" style="padding-top: 25px;">
                <div class="text2"><span><strong style="color: black;">小熊和最好的爸爸（全7册）</strong> </span><br> 
                <mark>小熊和最好的爸爸（全7册）此商品新老版本随机发货！和爸爸一起读的绘本，极易操作学习增强父</mark><br>
                </div>
            </div>
            <div class="line">---------------------------------------------------</div> 
             </div>
    </li><br>
    <li class="first">
        <div class="left fr">
            7
        </div>
        <div class="rigth fr">
            <div class="pic fi">
                <img src="img/7.jpg" style="float: left;">
            </div>
            <div class="text" style="padding-top: 25px;">
                <div class="text2"><span><strong style="color: black;">少年读史记（套装全5册）</strong> </span><br> 
                <mark>少年读史记（套装全5册）精巧32开本，当当独家定制版。荣获第六届中华优秀出版物奖 ；史学、文学、哲学、</mark><br>
                </div>
            </div>
            <div class="line">---------------------------------------------------</div> 
             </div>
    </li><br>
    <li class="first">
        <div class="left fr">
            7
        </div>
        <div class="rigth fr">
            <div class="pic fi">
                <img src="img/7.jpg" style="float: left;">
            </div>
            <div class="text" style="padding-top: 25px;">
                <div class="text2"><span><strong style="color: black;">晚熟的人（莫言新书）</strong> </span><br> 
                <mark>晚熟的人（莫言新书）莫言获得诺贝尔文学奖后首部小说。从《红高粱》到《晚熟的人》，从历史深处到当下现</mark><br>
                </div>
            </div>
            <div class="line">---------------------------------------------------</div> 
             </div>
    </li><br>
    <li class="first">
        <div class="left fr">
            8
        </div>
        <div class="rigth fr">
            <div class="pic fi">
                <img src="img/8.jpg" style="float: left;">
            </div>
            <div class="text" style="padding-top: 25px;">
                <div class="text2"><span><strong style="color: black;">神奇校车·图画书版（全12册，新增科学博览会1册）</strong> </span><br> 
                <mark>风靡全世界的“神奇校车”再次出发！搭乘神奇校车，跟着</mark><br>
                </div>
            </div>
            <div class="line">---------------------------------------------------</div> 
             </div>
    </li><br>
    <li class="first">
        <div class="left fr">
            9
        </div>
        <div class="rigth fr">
            <div class="pic fi">
                <img src="img/9.jpg" style="float: left;">
            </div>
            <div class="text" style="padding-top: 25px;">
                <div class="text2"><span><strong style="color: black;">正面管教(修订版)</strong> </span><br> 
                <mark>正面管教(修订版)如何不惩罚、不娇纵地有效管教孩子。畅销美国400多万册，被翻译成16种语言畅销全球；让数</mark><br>
                </div>
            </div>
            <div class="line">---------------------------------------------------</div> 
             </div>
    </li>
  </ul>
   
</div>

  </div>  
</body>
</html>